
<div class="chef">
  <p>分类</p>
<!-- 搜索框 -->
<ion-searchbar placeholder="搜索你需要的服务" [(ngModel)]="name" (ngModelChange)="onSearch(name)"></ion-searchbar>
<!-- 导航 -->
<div class="chef-bottom" style="display: flex" >
  <ul class="nav" style="flex:1;">
  <li *ngFor="let item of tagList;" (click)="showSort(item)">
    
    {{item}}
  </li>
  </ul>
  <div class="goods" style="flex: 4;height:90vh;overflow-y: scroll; background-color: #fbfafa; padding-bottom: 110px;">
   <!-- 菜品 -->
    <div class="content" style="display: flex;">
    <form class="form1w" style="flex: 1; text-align: center;">
     <select (change)="searchByOrder($event)">
       <option [value]="'distance'">距离</option>
       <option [value]="'distance-desc'">从远到近</option>

       <option [value]="'distance-asc'">从近到远</option>
      </select>
     </form>
    <form class="form1w" style="flex: 1; text-align: center;">
      <select (change)="searchByOrder($event)">
         <option [value]="'money'">价格</option>
         <option [value]="'money-desc'">从高到底</option>
         <option [value]="'money-asc'">从低到高</option>
       </select>
       </form>
        <form class="form1w" style="flex: 1;text-align: center;">
          <select (change)="searchByOrder($event)">
          <option [value]="'count'">销量</option>
          <option [value]="'count-desc'" >从高到底</option>
          <option [value]="'count-asc'">从低到高</option>
          </select>
         </form>
    
    </div>
   <div style="padding-left: 50px;"  >
   <app-comp-goods *ngFor="let item of dishesList" [goods]="item" ></app-comp-goods>

   </div>
  </div>
  </div></div>

